課程資訊
課程名稱
視覺識別設計
Visual Identity Design 
開課學期
103-1 
授課對象
學程  藝術設計學分學程  
授課教師
林柏涵 
課號
Thea1115 
課程識別碼
109 15100 
班次
 
學分
全/半年
半年 
必/選修
選修 
上課時間
星期一7,8(14:20~16:20) 
上課地點
計資212 
備註
於計資212教室上課。藝術設計學程學生優先選課。屬設計基礎類。兼通識A1*。
總人數上限:50人 
Ceiba 課程網頁
http://ceiba.ntu.edu.tw/1031Thea1115_ 
課程簡介影片
 
核心能力關聯
核心能力與課程規劃關聯圖
課程大綱
為確保您我的權利,請尊重智慧財產權及不得非法影印
課程概述

【Visual Identity Design
_ Principles and Practices for Visual Usability & Communication
視覺傳達的設計在探討設計符號、文化和生活經驗認知之間的相互關係。
而「設計符號」的展現是「生活符號的延伸」,而「生活符號」來自「生活、感官經驗」上的感動與觀察,若無「生活、感官經驗」的「共相」,「設計」是無法達到有效的溝通與認同。
藉由經驗設計(Experience Design)、溝通設計(Communication Design)與品牌設計(Branding)的概念讓學員了解編排設計的表現形式與訊息內容之間的關係,同時練習在表現形式、目的性與功能用途間進行整合和平衡的工作。藉此了解傳播理論、視覺傳達、清楚編排原則、認識你的預設觀眾、以及掌握溝通視覺傳播的目的,並創造出知覺性的主觀視覺效果與有效的訊息傳遞與認知
 

課程目標
讓學員了解視覺傳達中內容(content)與造型設計(form)之間的關係,即
Context+ Concept+ Collaboration = Communication。

“Visual communication of any kind, whether persuasive or informative…should be seen as the embodiment of form and function: the integration of the beautiful and the useful.”

“Design is a language. Like other languages it has a vocabulary, grammar, syntax, rhetoric.”
_Just because something is legible doesn’t mean that it communicates; it could be communicating the wrong thing.

Understanding user expectations is part of defining Identity conventions
_Creating rules and a rationale for how your project’s visual language will work.
 
課程要求
1. 藉由經驗設計(Experience Design)、溝通設計(Communication Design)與品牌設計(Branding)的概念讓學員了解設計的表現 形式與訊息內容 之間的關係,同時練習在 表現形式、目的性與功能用途 間進行整合和平衡的工作。藉此了解傳播理論、視覺傳達、清楚編排原則、認識你的預設觀眾、以及掌握溝通視覺傳播的目的,並創造出 知覺性的主觀視覺效果與 有效的訊息傳遞與認知。
2. Photoshop & Illustrator 軟體基本操作與實務應用 
預期每週課後學習時數
 
Office Hours
 
指定閱讀
待補 
參考書目
【創新的擴散】,Everett M. Rogers 著,唐錦超 譯,遠流出版公司,
ISBN: 957-3-5908-7
【簡單的法則】,John Maeda 著,黃秀媛 譯,天下文化,
ISBN: 978-986-417-879-7
【好設計不簡單】,Donald Norman 著,卓耀宗 譯,遠流出版公司,
ISBN: 978-957-32-6869-7
 
評量方式
(僅供參考)
 
No.
項目
百分比
說明
1. 
期中作業 
30% 
 
2. 
期末作業 
40% 
 
3. 
課程參與 
30% 
 
 
課程進度
週次
日期
單元主題
第1週
9/15  課程簡介
“Brief _01”
Visual Communication - Visual identity
Creation vs. Innovation
 
第2週
9/22  [Communication Design] Framework
“Essence _01”
 
第3週
9/29  [Communication Design]
Meaningful Messages
“Essence _02”
“Structure/ logic_01”
[Pertinent data] →[Information Architecture]
{With the given content, to call attention – in a personal way – to my client’s message.}
 
第4週
10/06  [Communication Design]
Visual Usability
PRINCIPLE 1.
“Consistency”

Principles and Practices for Designing Effective Visual Communication
 
第5週
10/13  Communication Design]
Visual Usability
PRINCIPLE 2.
“Hierarchy”

Intention
Subject & Object
Mental model
 
第6週
10/20  Communication Design]
Visual Usability
PRINCIPLE 3.
“Personality_01”

Emotional Feeling
Style & Aesthetics
Visual Language & Visual communication
 
第7週
10/27  [Communication Design]
Visual Usability
PRINCIPLE 3.
“Personality_02”

The Complexity & Simplicity
Gestalt Psychology
Abstract & Concrete
 
第8週
11/03  Trouble shooting (midterm project) 
第9週
11/10  [Grade]midterm project 
第10週
11/17  THE VISUAL USABILITY TOOLS – info-graphic 
第11週
11/24  Tool 1. Layout/ Editorial Design
Where should the button go? Tool 1 addresses positioning, alignment, white space, and grids, which affect perception of what goes with what. It also addresses practical considerations of layout at all levels of new and redesigned project.
 
第12週
12/01  Tool 2. Type
How many fonts do you need? How do you choose? This chapter introduces typography basics, reviews how to select the right fonts for your design, and supplies rules of thumb for professional-looking type.
 
第13週
12/08  Tool 3. Color
Isn’t color subjective? Why not just use blue? There’s logic to choosing and using color strategically. Tool 3 shows how to use color to help people know where they are, what they can do, and associate appropriate attributes with your design. It also covers how to choose a color palette, and how to decide where to use different colors.
 
第14週
12/15  Tool 4. Imagery (1) -Pictorial Consideration
What kind of images, if any, are appropriate for your design? Tool 4 reviews the types of imagery that apply to applications–logos, photography/video, illustration, icons, patterns–and outlines when each is useful. Examples show how to use imagery to create contrast, draw attention, and provide valuable information without overwhelming the user.
 
第15週
12/22  Tool 4. Imagery (2)- Semiology/ Logo 
第16週
12/29  Trouble shooting (final project) 
第17週
1/05  Grade] final project